<!--  -->
<template>
    <div class="ui-actionsheet show">
        <div class="ui-actionsheet-cnt am-actionsheet-down">
            <h4>删除后该红包项目将不能继续访问</h4>
            <button class="ui-actionsheet-del" @click="confirmdel">删除</button>
            <div class="ui-actionsheet-split-line"></div>
            <button id="cancel" @click="close">取消</button>
        </div>
    </div>
</template>

<script>

import {deleteitem} from '@/utils'
export default {
data() {
return {

}
},
//生命周期 - 创建完成（访问当前this实例）
created() {

},
//生命周期 - 挂载完成（访问DOM元素）
mounted() {

},
methods:{
    close(){
        this.$store.commit('deleteMaskState',false)
    },
    async confirmdel(){
        const del = await deleteitem(this.$store.state.del);
        if(del.code == "200"){
            this.$store.dispatch('delete')
            this.close()
        }
    }
}
}
</script>
<style scoped>
/* @import url(); 引入css类 */

</style>